<%@ page language="java" contentType="text/html;charset=UTF-8" isELIgnored="false"%>
<%@ include file="/commons/global.jsp" %>
<layout:override name="head">
    <title>Diary</title>
    <style type="text/css">
    body {
        width: 10px;
        min-width: 100%;
        *width: 100%;
    }

    .form-wrapper button {
        background-color: #D83C3C;
    }
    
    .single_post a,
    a:hover,
    .textwidget a,
    #commentform a,
    .sidebar.c-4-12 a:hover,
    .copyrights a:hover,
    a,
    #commentform input#submit:hover {
        color: #D83C3C;
    }
    
    .form-wrapper button:before {
        border-right-color: #D83C3C;
    }

    .recentcomments a {
        display: inline !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    </style>
</layout:override>

<layout:override name="content">
    <article class="article">
        <div id="content_box">
            <div class="post excerpt ">
                <header>
                    <h2 class="title">
                        <a href="http://demo.mythemeshop.com/diary/2012/05/16/facebook-buys-lightbox-an-android-photo-sharing-app/" title="Eget Malesuada Nunc Delis Sed Augue Aenean" rel="bookmark">Eget Malesuada Nunc Delis Sed Augue Aenean</a>
                    </h2>
                    <div class="post-info"> Posted by <a rel="nofollow" href="http://demo.mythemeshop.com/diary/author/mythemeshop/" title="Posts by MTS" rel="author">MTS</a> in <a href="http://demo.mythemeshop.com/diary/category/articles/" rel="nofollow">articles</a>, <a href="http://demo.mythemeshop.com/diary/category/asmodeus/" rel="nofollow">asmodeus</a> On May 16, 2012</div>
                    <div class="featured-thumbnail">
                        <img width="500" height="300" src="http://demo.mythemeshop.com/diary/files/2012/05/5956698305_f13f78a508-500x300.jpg" class="attachment-featured wp-post-image" alt="5956698305_f13f78a508" title="" />
                    </div>
                </header>
                <div class="post-content image-caption-format-1"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum malesuada, nibh quis egestas pellentesque, dui neque sagittis nisl, eget malesuada nunc felis sed augue. Aenean tempor nibh sed diam elementum sollicitudin quis in metus. Praesent tincidunt, velit</div>
                <div class="readMore"><a href="http://demo.mythemeshop.com/diary/2012/05/16/facebook-buys-lightbox-an-android-photo-sharing-app/" title="Eget Malesuada Nunc Delis Sed Augue Aenean" rel="bookmark">Read More</a></div>
            </div>
            <div class="post excerpt last">
                <header>
                    <h2 class="title"> <a href="http://demo.mythemeshop.com/diary/2012/05/05/how-twitter-works-all-you-need-to-know-about-twitter/" title="Class Aptent Taciti Aociosqu Ad Litora Torquent Per Conubia Nostra" rel="bookmark">Class Aptent Taciti Aociosqu Ad Litora Torquent Per Conubia Nostra</a></h2>
                    <div class="post-info"> Posted by <a rel="nofollow" href="http://demo.mythemeshop.com/diary/author/mythemeshop/" title="Posts by MTS" rel="author">MTS</a> in <a href="http://demo.mythemeshop.com/diary/category/wellhead/" rel="nofollow">wellhead</a> On May 5, 2012</div>
                    <div class="featured-thumbnail"><img width="500" height="300" src="http://demo.mythemeshop.com/diary/files/2012/05/3524036303_877cdc2561-500x300.jpg" class="attachment-featured wp-post-image" alt="3524036303_877cdc2561" title="" /></div>
                </header>
                <div class="post-content image-caption-format-1"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum malesuada, nibh quis egestas pellentesque, dui neque sagittis nisl, eget malesuada nunc felis sed augue. Aenean tempor nibh sed diam elementum sollicitudin quis in metus. Praesent tincidunt, velit</div>
                <div class="readMore"><a href="http://demo.mythemeshop.com/diary/2012/05/05/how-twitter-works-all-you-need-to-know-about-twitter/" title="Class Aptent Taciti Aociosqu Ad Litora Torquent Per Conubia Nostra" rel="bookmark">Read More</a></div>
            </div>
            <div class="post excerpt ">
                <header>
                    <h2 class="title"> <a href="http://demo.mythemeshop.com/diary/2012/05/03/4-killer-social-media-marketing-strategies/" title="Vestibulum Ante Ipsum Primis In Faucibus Orci Luctus Et Ultrices" rel="bookmark">Vestibulum Ante Ipsum Primis In Faucibus Orci Luctus Et Ultrices</a></h2>
                    <div class="post-info"> Posted by <a rel="nofollow" href="http://demo.mythemeshop.com/diary/author/mythemeshop/" title="Posts by MTS" rel="author">MTS</a> in <a href="http://demo.mythemeshop.com/diary/category/antiquarianism/" rel="nofollow">antiquarianism</a> On May 3, 2012</div>
                    <div class="featured-thumbnail"><img width="500" height="300" src="http://demo.mythemeshop.com/diary/files/2012/05/3511004560_c58ff28b0c-500x300.jpg" class="attachment-featured wp-post-image" alt="3511004560_c58ff28b0c" title="" /></div>
                </header>
                <div class="post-content image-caption-format-1"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum malesuada, nibh quis egestas pellentesque, dui neque sagittis nisl, eget malesuada nunc felis sed augue. Aenean tempor nibh sed diam elementum sollicitudin quis in metus. Praesent tincidunt, velit</div>
                <div class="readMore"><a href="http://demo.mythemeshop.com/diary/2012/05/03/4-killer-social-media-marketing-strategies/" title="Vestibulum Ante Ipsum Primis In Faucibus Orci Luctus Et Ultrices" rel="bookmark">Read More</a></div>
            </div>
            <div class="post excerpt last">
                <header>
                    <h2 class="title"> <a href="http://demo.mythemeshop.com/diary/2012/05/01/why-facebooks-ipo-could-be-bad-news-for-users-privacy/" title="Why Facebook&#8217;s IPO Could Be Bad News For Users&#8217; Privacy" rel="bookmark">Why Facebook&#8217;s IPO Could Be Bad News For Users&#8217; Privacy</a></h2>
                    <div class="post-info"> Posted by <a rel="nofollow" href="http://demo.mythemeshop.com/diary/author/mythemeshop/" title="Posts by MTS" rel="author">MTS</a> in <a href="http://demo.mythemeshop.com/diary/category/articles/" rel="nofollow">articles</a> On May 1, 2012</div>
                    <div class="featured-thumbnail"><img width="600" height="300" src="http://demo.mythemeshop.com/diary/files/2012/05/4030898619_85f36ea730_z-600x300.jpg" class="attachment-featured wp-post-image" alt="4030898619_85f36ea730_z" title="" /></div>
                </header>
                <div class="post-content image-caption-format-1"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum malesuada, nibh quis egestas pellentesque, dui neque sagittis nisl, eget malesuada nunc felis sed augue. Aenean tempor nibh sed diam elementum sollicitudin quis in metus. Praesent tincidunt, velit</div>
                <div class="readMore"><a href="http://demo.mythemeshop.com/diary/2012/05/01/why-facebooks-ipo-could-be-bad-news-for-users-privacy/" title="Why Facebook&#8217;s IPO Could Be Bad News For Users&#8217; Privacy" rel="bookmark">Read More</a></div>
            </div>
            <div class="post excerpt ">
                <header>
                    <h2 class="title"> <a href="http://demo.mythemeshop.com/diary/2012/04/17/porttitor-lectus-tincidunt-elementum-nascetur-montes/" title="Porttitor Lectus Tincidunt Elementum Nascetur Montes" rel="bookmark">Porttitor Lectus Tincidunt Elementum Nascetur Montes</a></h2>
                    <div class="post-info"> Posted by <a rel="nofollow" href="http://demo.mythemeshop.com/diary/author/mythemeshop/" title="Posts by MTS" rel="author">MTS</a> in <a href="http://demo.mythemeshop.com/diary/category/apple/" rel="nofollow">Apple</a>, <a href="http://demo.mythemeshop.com/diary/category/google/" rel="nofollow">Google</a> On April 17, 2012</div>
                    <div class="featured-thumbnail"><img width="500" height="300" src="http://demo.mythemeshop.com/diary/files/2012/04/5272141300_72d2f1e686-500x300.jpg" class="attachment-featured wp-post-image" alt="5272141300_72d2f1e686" title="" /></div>
                </header>
                <div class="post-content image-caption-format-1"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum</div>
                <div class="readMore"><a href="http://demo.mythemeshop.com/diary/2012/04/17/porttitor-lectus-tincidunt-elementum-nascetur-montes/" title="Porttitor Lectus Tincidunt Elementum Nascetur Montes" rel="bookmark">Read More</a></div>
            </div>
            <div class="post excerpt last">
                <header>
                    <h2 class="title"> <a href="http://demo.mythemeshop.com/diary/2012/04/14/a-post-with-everything-in-it/" title="A Post with Everything In It" rel="bookmark">A Post with Everything In It</a></h2>
                    <div class="post-info"> Posted by <a rel="nofollow" href="http://demo.mythemeshop.com/diary/author/mythemeshop/" title="Posts by MTS" rel="author">MTS</a> in <a href="http://demo.mythemeshop.com/diary/category/featured/" rel="nofollow">featured</a>, <a href="http://demo.mythemeshop.com/diary/category/mobiles/" rel="nofollow">Mobiles</a> On April 14, 2012</div>
                </header>
                <div class="post-content image-caption-format-1"> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.</div>
                <div class="readMore"><a href="http://demo.mythemeshop.com/diary/2012/04/14/a-post-with-everything-in-it/" title="A Post with Everything In It" rel="bookmark">Read More</a></div>
            </div>
            <div class="post excerpt ">
                <header>
                    <h2 class="title"> <a href="http://demo.mythemeshop.com/diary/2012/04/14/bashet-pid-nassa-torttitor-nictumst-sc-aenean-s-bort/" title="Bashet Pid Nassa Torttitor Nictumst Sc Aenean S Bort" rel="bookmark">Bashet Pid Nassa Torttitor Nictumst Sc Aenean S Bort</a></h2>
                    <div class="post-info"> Posted by <a rel="nofollow" href="http://demo.mythemeshop.com/diary/author/mythemeshop/" title="Posts by MTS" rel="author">MTS</a> in <a href="http://demo.mythemeshop.com/diary/category/apple/" rel="nofollow">Apple</a>, <a href="http://demo.mythemeshop.com/diary/category/featured/" rel="nofollow">featured</a> On April 14, 2012</div>
                    <div class="featured-thumbnail"><img width="500" height="300" src="http://demo.mythemeshop.com/diary/files/2012/04/1408755246_04496427ef-500x300.jpg" class="attachment-featured wp-post-image" alt="1408755246_04496427ef" title="" /></div>
                </header>
                <div class="post-content image-caption-format-1"> Lorizzle ipsizzle mammasay mammasa mamma oo sa sit stuff, shizzle my nizzle crocodizzle i&#8217;m in the shizzle elit. Break it down sapizzle ass, aliquet volutpat, suscipizzle dang, shizzlin dizzle vizzle, arcu. Pellentesque egizzle tortor. Sed erizzle. Bizzle</div>
                <div class="readMore"><a href="http://demo.mythemeshop.com/diary/2012/04/14/bashet-pid-nassa-torttitor-nictumst-sc-aenean-s-bort/" title="Bashet Pid Nassa Torttitor Nictumst Sc Aenean S Bort" rel="bookmark">Read More</a></div>
            </div>
            <div class="post excerpt last">
                <header>
                    <h2 class="title"> <a href="http://demo.mythemeshop.com/diary/2012/04/14/cum-sociis-natoque-penatibus-magnis/" title="Cum Sociis Natoque Penatibus Magnis" rel="bookmark">Cum Sociis Natoque Penatibus Magnis</a></h2>
                    <div class="post-info"> Posted by <a rel="nofollow" href="http://demo.mythemeshop.com/diary/author/mythemeshop/" title="Posts by MTS" rel="author">MTS</a> in <a href="http://demo.mythemeshop.com/diary/category/apple/" rel="nofollow">Apple</a>, <a href="http://demo.mythemeshop.com/diary/category/featured/" rel="nofollow">featured</a>, <a href="http://demo.mythemeshop.com/diary/category/google/" rel="nofollow">Google</a> On April 14, 2012</div>
                    <div class="featured-thumbnail"><img width="500" height="300" src="http://demo.mythemeshop.com/diary/files/2012/04/4407979507_82e0e427de-500x300.jpg" class="attachment-featured wp-post-image" alt="4407979507_82e0e427de" title="" /></div>
                </header>
                <div class="post-content image-caption-format-1"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend urna eu sapien. Quisque posuere nunc eu massa. Praesent bibendum lorem non leo. Morbi volutpat, urna eu fermentum rutrum, ligula lacus interdum mauris, ac pulvinar libero pede</div>
                <div class="readMore"><a href="http://demo.mythemeshop.com/diary/2012/04/14/cum-sociis-natoque-penatibus-magnis/" title="Cum Sociis Natoque Penatibus Magnis" rel="bookmark">Read More</a></div>
            </div>
            <div class="post excerpt ">
                <header>
                    <h2 class="title"> <a href="http://demo.mythemeshop.com/diary/2012/04/14/aliquet-pid-massa-porttitor-dictumst-ac-aenean-a-dolor/" title="Aliquet Pid Massa Porttitor Dictumst Ac Aenean A Dolor?" rel="bookmark">Aliquet Pid Massa Porttitor Dictumst Ac Aenean A Dolor?</a></h2>
                    <div class="post-info"> Posted by <a rel="nofollow" href="http://demo.mythemeshop.com/diary/author/mythemeshop/" title="Posts by MTS" rel="author">MTS</a> in <a href="http://demo.mythemeshop.com/diary/category/google/" rel="nofollow">Google</a> On April 14, 2012</div>
                    <div class="featured-thumbnail"><img width="600" height="300" src="http://demo.mythemeshop.com/diary/files/2012/04/7046231983_c28e3fdf79_z-600x300.jpg" class="attachment-featured wp-post-image" alt="7046231983_c28e3fdf79_z" title="" /></div>
                </header>
                <div class="post-content image-caption-format-1"> lit quis est sit integer rhoncus integer vel lorem mattis rhoncus natoque, cum. Sed, cras, sed? Dis tincidunt! Vel lacus elementum, in augue mus. Placerat, velit tristique et, magna tristique dolor magna, aliquam et elementum in elementum!</div>
                <div class="readMore"><a href="http://demo.mythemeshop.com/diary/2012/04/14/aliquet-pid-massa-porttitor-dictumst-ac-aenean-a-dolor/" title="Aliquet Pid Massa Porttitor Dictumst Ac Aenean A Dolor?" rel="bookmark">Read More</a></div>
            </div>
            <div class="post excerpt last">
                <header>
                    <h2 class="title"> <a href="http://demo.mythemeshop.com/diary/2012/04/12/mauris-dictum-libero-id-justo-fusce-in-est/" title="Mauris Dictum Libero Id Justo Fusce In Est" rel="bookmark">Mauris Dictum Libero Id Justo Fusce In Est</a></h2>
                    <div class="post-info"> Posted by <a rel="nofollow" href="http://demo.mythemeshop.com/diary/author/mythemeshop/" title="Posts by MTS" rel="author">MTS</a> in <a href="http://demo.mythemeshop.com/diary/category/awesomeness/" rel="nofollow">Awesomeness</a>, <a href="http://demo.mythemeshop.com/diary/category/google/" rel="nofollow">Google</a> On April 12, 2012</div>
                    <div class="featured-thumbnail"><img width="500" height="300" src="http://demo.mythemeshop.com/diary/files/2012/04/4440514696_ffb7fa45f7-500x300.jpg" class="attachment-featured wp-post-image" alt="4440514696_ffb7fa45f7" title="" /></div>
                </header>
                <div class="post-content image-caption-format-1"> Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant</div>
                <div class="readMore"><a href="http://demo.mythemeshop.com/diary/2012/04/12/mauris-dictum-libero-id-justo-fusce-in-est/" title="Mauris Dictum Libero Id Justo Fusce In Est" rel="bookmark">Read More</a></div>
            </div>
            <div class='pagination'>
                <ul>
                    <li class='current'><span class='currenttext'>1</span></li>
                    <li><a rel='nofollow' href='http://demo.mythemeshop.com/diary/page/2/' class='inactive'>2</a></li>
                    <li><a rel='nofollow' href='http://demo.mythemeshop.com/diary/page/3/' class='inactive'>3</a></li>
                    <li><a rel='nofollow' href='http://demo.mythemeshop.com/diary/page/4/' class='inactive'>4</a></li>
                </ul>
            </div>
        </div>
    </article>
</layout:override>

<layout:override name="script">
    
</layout:override>

<%@ include file="/commons/_layout.jsp" %>